<template>
    <div>
        <div class="banner">
            <img src="@/assets/img/introduce/banner_a@2x.png" alt="banner">
        </div>
        <el-row class="content">
            <el-row class="contentInner">
                <NavStitle :routes="routes" :links="links"/>
                <el-row class="routerView">
                    <!-- <router-view/> -->
                    <Swiper :swipers="list"/>
                </el-row>
            </el-row>
        </el-row>
    </div>
</template>

<script>
import NavStitle from '@/components/navStitle';
import Swiper from '@/components/swiper';
export default {
    components:{NavStitle,Swiper},
    data(){
        return {
            links:[
                '/advantage/qiye',
                '/advantage/product',
            ],
            list:[
                {link:[ "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/%E5%A8%81%E7%9B%BE%E4%BC%98%E5%8A%BF/2019.1.7.%E3%80%8A%E5%A8%81%E7%9B%BE%E6%B8%A9%E6%83%85%E5%B9%BF%E5%91%8A%E3%80%8B%E6%97%A0%E6%B0%B4%E5%8D%B0.mp4"]},
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-4.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-5.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-3.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-4.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-5.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-3.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-4.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-5.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-3.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-4.jpg",
                "https://hongyuanfs.oss-cn-beijing.aliyuncs.com/media/gc-5.jpg"
            ],
        }
    },
    computed:{
        routes(){
            return this.$t("advantage.nav");
        }
    },
    mounted(){
    }
}
</script>

<style lang="less" scoped>
.banner {
    height: 280px;
    background-color: pink;
    img {
        height: 280px;
        width: 100%;
    }
}
.content {
    margin-top: 37px;
    .contentInner {
        width:1280px;
        margin: 0 auto;
        .routerView {
            padding-top: 40px;
        }
    }
}
</style>